$(function(){
	/**
	 * 触发显示二级菜单左侧栏目
	 * @return {[type]} [description]
	 */
	$("#nav_out .nav .all_goods").hover(function() {
		$(this).find('.second').show();
	}, function() {
		$(this).find('.second').hide();
	});
	/**
	 * 点击显隐左侧推荐栏目  toggle（隐藏/显示）
	 * @return {[type]} [description]
	 */
	$('.head').toggle(function() {
		$(this).siblings('ul').hide();
		$(this).find('span').css({'transform':'rotate(-90deg)'});
	}, function() {
		$(this).siblings('ul').show();
		$(this).find('span').css({'transform':'rotate(0deg)'});
	});
})
/**
 * 异步筛选商品  并读取到页面中
 * @param  {[type]} cid [栏目id]
 * @param  {[type]} s   [筛选条件]
 * @return {[type]}     [description]
 */
function shaixuan(cid,s){
	/**
	 * 异步发送数据
	 * @param  {[type]} cid [栏目id]
	 * @param  {[type]} s [筛选条件]
	 * @return {json}      [返回商品数据和页码转成json形式的数据]
	 */
	$.post(CONTROLLER+'&a=orderGoods&cid='+cid+'&s='+s,{cid:cid,s:s}, function(datas) {
		//如果返回有商品数据
		if (datas.data) {
			//定义空字符串避免报错
			var html='';
			//循环商品数据 
			$.each(datas.data, function(i, v) {
				// 组合html 这里用到JS常量ROOT和php中的__ROOT__值一样
				html+="<li><a href=''><img src='"+ROOT+"/"+v.goods_img+"' alt=''/> </a> <a href=''> <p class='brand'>Prada</p><p>"+v.goods_name+"</p></a><p><span class='price'>￥ <span class='p'>"+v.goods_price+"</span></span>￥ "+v.market_price+"</p> <span class='tips'></span></li>";
			});
			//写入筛选结果ul里面
			$(".content ul").html(html);
			//将页码写入
			$(".page1").html(datas.page);
		}else{
			alert('筛选失败');
		}
	},'json');
}